<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TreeApi</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrapEx.css">
    <link rel="stylesheet" href="../js/prettyPrint/css/prettify.css">
    <link rel="stylesheet" href="api.css">


    <script src="../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/prettyPrint/js/prettify.js"></script>
</head>

<body onload="prettyPrint()">
    <div class="container-fluid">
        <div class="">
            <div class="span12">
                <h1>属性</h1>
                <hr/>
            </div>
            <div class="">
                <h3>bsEx.Tree </h3>
                添加引用
                <pre class="prettyprint linenums"><code> &lt;link rel=&quot;stylesheet&quot; href=&quot;../../css/bootstrap.min.css&quot;&gt;
 &lt;link rel=&quot;stylesheet&quot; href=&quot;../../css/zTreeStyle/zTreeStyle.css&quot;&gt;
 &lt;link rel=&quot;stylesheet&quot; href=&quot;../../css/zTreeStyle/zTreeOutloog.css&quot;&gt;
 &lt;link rel=&quot;stylesheet&quot; href=&quot;../../css/bootstrapEx.css&quot;&gt;
 
 &lt;script src=&quot;../../js/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
 &lt;script type=&quot;text/javascript&quot; src=&quot;../../js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
 &lt;script type=&quot;text/javascript&quot; src=&quot;../../js/bootstrapEx2.0.js&quot;&gt;&lt;/script&gt;
 &lt;script type=&quot;text/javascript&quot; src=&quot;../../js/ztree/jquery.ztree.all.min.js&quot;&gt;&lt;/script&gt;</code></pre>
                <p>继承自bsEx.Panel:</p>
                <div class="table">
                    <a href="panel.html">见 bsEx.Panel </a>
                </div>
                <p>继承自zTree:</p>
                <div class="table">
                    <a href="http://www.treejs.cn/v3/api.php" target="_black">见 zTree </a>
                </div>
                <h4>示例</h4>
                <pre class="prettyprint linenums"><code>new bsEx.Tree({
    title:"树",
    showfooter:false,
    data:zNodes,
    width:'400px',
    height:'500px',
    zTree:{
        view:{
            showTitle:false
        }
    }
});</code> </pre>
                <hr/>
            </div>
        </div>
        <p>控件实例属性:</p>
        <div class="table">
            <div class="row title">
                <div class="col-xs-2 col-sm-2">属性名称</div>
                <div class="col-xs-2 col-sm-2">类型</div>
                <div class="col-xs-3 col-sm-3">默认值</div>
                <div class="col-xs-5 col-sm-5">备注说明</div>
            </div>
            <div class="row">
                <div class="col-xs-2 col-sm-2">zTree</div>
                <div class="col-xs-2 col-sm-2">object</div>
                <div class="col-xs-3 col-sm-3">{}</div>
                <div class="col-xs-5 col-sm-5">zTree控件的属性</div>
            </div>
        </div>
        <div class="">
            <div class="span12">
                <h1>事件</h1>
                <hr/>
            </div>
            <div>
                <h3>注</h3>
                <pre class="prettyprint"><code>继承全部bsEx.Panel 和 zTree 事件 例：    
//zTree事件
tree1.on('beforeClick',function(){
    console.log('beforeClick:'+JSON.stringify(arguments));
})    
//zTree事件
tree1.on('onClick',function(){
    console.log('Click:');
})
                </code> </pre>
                <hr>
            </div>
            
        </div>
</body>
<script>
      $(document).ready(function () {
          $.each($(".table").find(".row div"),function(i,t){
              $(t).removeClass("col-xs-3 col-sm-3");
          });
          $.each($(".table").find(".row"),function(i,t){
              $(t).find("div").eq(0).addClass("col-xs-2 col-sm-2");
              $(t).find("div").eq(1).addClass("col-xs-2 col-sm-2");
              $(t).find("div").eq(2).addClass("col-xs-3 col-sm-3");
              $(t).find("div").eq(3).addClass("col-xs-5 col-sm-5");
          });
      });
</script>
</html>